<template>
	<view class="home">
		<web-view :webview-styles="webviewStyles" :src="url"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url:'',
				functionModule: {
					celiangliushui: 'https://qr71.cn/oGrbDM/qCPyhLv',
					liusuyiceliu:'https://qr71.cn/oGrbDM/qupBIEH',
					celiuchceliu:'https://qr71.cn/oGrbDM/qvEeBAO',
					mingquliuliangji:'https://qr71.cn/oGrbDM/qhKAwNE',
					shuiqingjiance:'https://qr71.cn/oGrbDM/qcbh5Ya',
					jishijishu:'https://qr71.cn/oGrbDM/qd1m4Nk'
				}
			}
		},
		onLoad(option) {
			this.auxiliaryCurrentMeasurementFn(option.id)
		},
		methods: {
			auxiliaryCurrentMeasurementFn(data) {
				console.log('data', data);
				if (data == '测流量水') {
					this.url = this.functionModule.celiangliushui
				}
				if (data == '水情监测') {
					this.url = this.functionModule.shuiqingjiance
				}
				if (data == '流速仪测流') {
					this.url = this.functionModule.liusuyiceliu
				}
				if (data == '测流车测流') {
					this.url = this.functionModule.celiuchceliu
				}
				if (data == '明渠流量计') {
					this.url = this.functionModule.mingquliuliangji
				}
				if (data == '计时计数器') {
					this.url = this.functionModule.jishijishu
				}
			},

		}
	}
</script>
<style scoped lang="scss">
	.tophead {
		display: flex;
		flex: 1;
		align-items: center;
		padding: 80rpx 20rpx 10rpx 20rpx;
		color: #000000;
		background-color: #f3f3f3;

		.fill {
			flex: 3;
		}

		.firr {
			flex: 5;
		}
	}

	.home {
		padding: 0 30rpx;
		color: #000000;
		font-size: 40rpx;

		// .title {
		// 	font-size: 50rpx;
		// 	text-align: center;
		// }
		.content {
			font-size: 45rpx;
			text-indent: 45rpx;
			color: #0462aa;
		}

		.content-a {
			margin-top: 30rpx;
			text-align: center;
			font-size: 45rpx;
			font-weight: bold;
			color: #b92323;
		}

		.content-b {
			// text-align: center;
			line-height: 70rpx;
			font-size: 45rpx;
			color: #0462aa;

			.content-ba {
				text-indent: 45rpx;
			}
		}

		.box {
			display: flex;
			flex-wrap: wrap;
			margin: 30rpx 0;

			.tit {
				color: #0462aa;
			}

			.titarr {
				color: #000000;
			}
		}
	}
</style>
<style>
	page {
		background-color: #f2f1f6;
	}
</style>